<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
	<#assign base=request.contextPath />
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../frame/static/css/style.css">
    <link rel="icon" href="../frame/static/image/code.png">
    <script type="text/javascript" src="../frame/layui/layui.all.js"></script>
<#--<script type="text/javascript" src="${base}/js/zhang.js"></script>-->
<#--<script type="text/javascript" src="../frame/layui/layui.all.js"></script>-->
    <script src="${base}/jquery-1.8.3.min.js"></script>
</head>
<body class="body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>租车</legend>
</fieldset>
<!-- 工具集 -->
<#--<div class="my-btn-box">-->
            <#--<span class="fl" id="layerDemo">-->
                <#--<a class="layui-btn layui-btn-danger" id="btn-delete-all" onclick="deleteAll()">批量删除</a>-->
                <#--<a  class="layui-btn layui-btn-primary" href="${base}/car/car_rental_add.html">添加成员</a>-->
            <#--</span>-->
    <#--<span class="fr">-->
                <#--<div class="layui-input-inline">-->
				    <#--<label class="layui-form-label">搜索条件：</label>-->
				    <#--<input type="text" autocomplete="off" placeholder="请输入要搜索的内容" class="layui-input" style="width: 150px;height: 31px;margin-top: 4px;">-->
				<#--</div>-->
				<#--<button class="layui-btn  layui-btn-sm layui-btn-normal">查询</button>-->
            <#--</span>-->
<#--</div>-->
<div id="dateTable"></div>

<script type="text/javascript" src="../frame/layui/layui.all.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript" language="JavaScript">

    // layui方法
    layui.use(['tree', 'table', 'vip_table', 'layer'], function () {

        // 操作对象
        var table = layui.table
               vipTable = layui.vip_table
                 layer = layui.layer
                 $ = layui.jquery;

        // 表格渲染
         table.render({
            even: true,//开启隔行背景
            size: 'sm',//小尺寸的表格
            url: '${base}/car/carlist?id=${Session["user"].getId()}',
            title: '用户数据表',
            toolbar: '#toolbarDemo',
            elem: '#dateTable',                  //指定原始表格元素选择器（推荐id选择器）
            cols: [[    {
                type: 'checkbox',
                width: 40
            },               //标题栏
                {field: 'carBrand', title: '品牌',align: 'center'}
                , {field: 'carNumber', title: '车牌号',align: 'center'}
                ,{field: 'carKm', title: '里程',align: 'center'}
                , {field: 'carType', title: '型号',align: 'center'}
                , {field: 'carMoeny', title: '价格',align: 'center'}
                , {field: 'number', title: '数量',align: 'center'}
                , {field: 'carSize', title: '容积',align: 'center'}
            ]]
            , id: 'dataCheck'
             ,height:480
             ,page: {
                 layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
                 ,theme: '#9AC747'
                 ,limit: 10
             }
        });


    });

    function deleteAll(){

        var table=layui.table;
        var checkStatus = table.checkStatus('dataCheck');
        var tableData=checkStatus.data;
        var ids=[];
        for( var i=0;i<tableData.length;i++){
            ids.push(tableData[i].id);
        }

        console.log(ids)
        $.ajax({
            type: "POST",
            data:{ids:ids},
            url: "${base}/car/deleteAll",
            success: function (data) {
                var table = layui.table;
                //表刷新方法
                table.reload('dataCheck', {
                    url: '${base}/car/carclist',
                    where: {} //设定异步数据接口的额外参数
                });

            }

        });
    }
</script>
</body>
</html>